<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Dashboard 3</title>
    <link rel="shortcut icon" href=" img/admin-logo-dark.png"/>
    <link rel="stylesheet" href="css/Dashboard3.css"/>
    <link rel="stylesheet" type="text/css" href="css/iconfont5.css">
    <link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>  
<!--导航栏-->
<nav>
    <div class="nav_1">
        <div class="nav_img">
            <img src="img/logo.png"/>
            <img src="img/text.png"/>
        </div>
    </div>
    <ul class="nav_ul">
        <li>
            <i class="iconfont icon-youjian-copy"></i>
            <ul class="nav_ul_1">
                <li>You Have 4 New Message</li>
                <li>
                    <img src="img/varun2.jpg"/>
                    <span>Pavan Kumar</span>
                    <p>9:30 AM</p>
                </li>
                <li>
                    <img src="img/varun3.jpg"/>
                    <span>Hritik Roshan</span>
                    <p>9:20 AM</p>
                </li>
                <li>
                    <img src="img/varun4.jpg"/>
                    <span>Pwandeep rajan</span>
                    <p>9:10 AM</p>
                </li>
                <li>
                    <img src="img/varun5.jpg"/>
                    <span>John Abraham</span>
                    <p>9:40 AM</p>
                </li>
                <li>Sell all notifications</li>
            </ul>
        </li>
        <li>
            <i class="iconfont icon-duihao"></i>
            <div class="nav_ul_2"><img src="img/nav_ul_2.png"/></div>
        </li>
        <li><i>Mega</i></li>
    </ul>
    <div class="nav_user">
        <img class="nav_userimg" src="img/varun.jpg">
        <h3>Steave</h3>
        <div class="nav_arror"></div>
    </div>
    <div class="nav_input">
        <input type="text" placeholder="Search..."/>
        <img src="img/bigmirror.png"/>
    </div>
</nav>
<!--左边侧栏-->
<div class="content">
    <aside>
        <ul class="aside_ul">
            <li><i class="iconfont icon-houtai1"></i><span>Navigation</span></li>
            <li class="libox">
                <img class="nav_userimg" src="img/varun.jpg">
                <span>Steve Gection</span>
                <b></b>
            </li>
            <li class="dom">
                    <a href="baipengfei.html"><h3>A</h3><h5>Baipengfei</h5></a>
                    <a href="Dashboard1.html"><h3>B</h3><h5>Zhangqifan</h5></a>
                    <a href="Dashboard3.html"><h3>C</h3><h5>Yangxu</h5></a>
                    <a href="chart.html"><h3>D</h3><h5>Liusaisai</h5></a>
                    <a href="user_card.html"><h3>E</h3><h5>Zhangyifan</h5></a>
                    <a href="UI Elements.html"><h3>F</h3><h5>Jingjing</h5></a>
                    <a href="panels-wells.html"><h3>G</h3><h5>Liudan</h5></a>
                </li>
            <li class="libox"><i class="iconfont icon-houtaiguanli"></i><span>Dash Board</span></li>
            <li class="libox"><i class="iconfont icon-youjian-copy"></i><span>eCommerce</span><b></b></li>
            <li class="libox"><i class="iconfont icon-houtai-huojian"></i><span>UI Elements</span></li>
            <li class="libox"><i class="iconfont icon-houtai-rili"></i><span>Sample Pages</span></li>
            <li class="libox"><i class="iconfont icon-houtai-pingjia"></i><span>Apps</span><b></b></li>
            <li class="libox"><i class="iconfont icon-houtaiguanli1"></i><span>Forms</span><b></b></li>
            <li class="libox"><i class="iconfont icon-houtai_shuju"></i><span>Tables</span></li>
            <li class="libox"><i class="iconfont icon-bangzhuguanli"></i><span>Charts</span><b></b></li>
            <li class="libox"><i class="iconfont icon-houtaiguanli2"></i><span>Wid Gets</span></li>
            <li class="libox"><i class="iconfont icon-houtai_anxia"></i><span>Icons</span></li>
            <li class="libox"><i class="iconfont icon-houtaiweihu"></i><span>Google Map</span><b></b></li>
            <li class="libox"><i class="iconfont icon-back-password"></i><span>Calender</span></li>
            <li class="libox"><i class="iconfont icon-proscenium"></i><span>Gallern</span><b></b></li>
        </ul>
    </aside>
</div>
<!--右边侧边栏-->
<div class="Bright">
    <div class="Bright_1">
        <span>SERVICE PANEL</span>
        <span class="Bright_1_1">×</span>
    </div>
    <div class="Bright_2">
        <div class="Bright_2_1">
            <h3>With Light sidebar</h3>
            <div class="Bright_2_1_1">
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </div>
        <div class="Bright_2_2">
            <h3>With Dark sidebar</h3>
            <div class="Bright_2_2_1">
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </div>
        <div class="Bright_2_3">
            <h3>Chat option</h3>
            <ul class="Bright_2_3_1">
                <li>
                    <a href="#">
                        <img src="img/varun.jpg"/>
                        <span>
                                Varun Dhavan
                                <small class="text-success">online</small>
                            </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun2.jpg"/>
                        <span>
                                GeneLia Deshmukh
                                <small class="text-success other1">Away</small>
                            </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun3.jpg"/>
                        <span>
                                Ritesh Deshmukh
                                <small class="text-success other2">Bush</small>
                            </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun4.jpg"/>
                        <span>
                                Arijit Sinh
                                <small class="text-success other3">Offline</small>
                            </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun5.jpg"/>
                        <span>
                                Govinda Star
                                <small class="text-success">online</small>
                            </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun6.jpg"/>
                        <span>
                                John Abraham
                                <small class="text-success">online</small>
                            </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun7.jpg"/>
                        <span>
                                Hritik Roshan
                                <small class="text-success">online</small>
                            </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/varun8.jpg"/>
                        <span>
                                Pwandeep rajan
                                <small class="text-success">online</small>
                            </span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--头部-->
<div class="Bheader">
    <div class="Bheader_1">
        <div class="Bheader_2">DASHBOARD 1</div>
        <div class="Bheader_3">
            <span class="Bheader_4">Dashboard &nbsp;&nbsp;&nbsp;/</span>
            <span class="Bheader_5">Dashboard 1</span>
            <button>Buy Admin Now</button>
            <div class="Bheader_6"><img src="img/yuan.png"/></div>
        </div>
    </div>
</div>
<!--====================sec_yx=========================-->
    <div class="center_yx">
        <div class="sec_yx">
            <div class="sec_one">
                <h3> NEW CLIENTS</h3>
                <ul class="uls_yx">
                    <li><i class="iconfont icon-kehu"></i></li>
                    <li><span>223</span></li>
                </ul>
            </div>
            <div class="sec_one">
                <h3> NEW CLIENTS</h3>
                <ul class="uls_yx">
                    <li class="lis_1"><i class="iconfont icon-wenjian"></i></li>
                    <li><span>169</span></li>
                </ul>
            </div>
            <div class="sec_one">
                <h3> NEW CLIENTS</h3>
                <ul class="uls_yx">
                    <li class="lis_2"><i class="iconfont icon-wenjianjia"></i></li>
                    <li><span>311</span></li>
                </ul>
            </div>
            <div class="sec_one">
                <h3> NEW CLIENTS</h3>
                <ul class="uls_yx">
                    <li class="lis_3"><i class="iconfont icon-qianbao"></i></li>
                    <li><span>117</span></li>
                </ul>
            </div>
        </div>
        <div class="Allmap">
            <div class="map_yx">
                <h4>COUNTRY VISIT</h4>
                <img src="img/marp.jpg" id="img"/>
            </div>
            <div class="alltu">
                <div class="tu_yx">
                    <h4>Visit from the countries</h4>
                    <ul class="uls_tu">
                        <li>
                            <h2>6350</h2>
                            <small>Form india</small>
                            <div class="tu_yx1">
                                "48%"
                                <img src="img/jiantou.jpg" alt="">
                            </div>
                        </li>
                        <li><h2>6350</h2>
                            <small>Form india</small>
                            <div class="tu_yx1">
                                "56%"
                                <img src="img/jiantou.jpg" alt="">
                            </div></li>
                        <li><h2>6350</h2>
                            <small>Form india</small>
                            <div class="tu_yx1">
                                "76%"
                                <img src="img/jian_1.jpg" alt="">
                            </div></li>
                        <li><h2>6350</h2>
                            <small>Form india</small>
                            <div class="tu_yx1">
                                "12%"
                                <img src="img/jian_1.jpg" alt="">
                            </div></li>
                    </ul>
                </div>
            </div>
            <div class="pi_yx">
                <div class="pi_xy1">
                    <h3><small> 18% High then last month</small>"Monthly Site Traffic"</h3>
                    <div class="pi_yx2">
                        <div class="pi_yx22">
                            <h6>Overall Growth</h6> <b>80.40%</b></div>
                        <div class="pi_yx22">
                            <h6>Montly</h6> <b>15.40%</b></div>
                        <div class="pi_yx22">
                            <h6>Day</h6> <b>5.50%</b></div>
                    </div>
                    <img src="img/shan_yx.jpg" alt="">
                </div>
                <div class="pi_xy1">
                    <h3><small> 18% High then last month</small>"Monthly Site Traffic"</h3>
                    <div class="pi_yx2">
                        <div class="pi_yx22">
                            <h6>Overall Growth</h6> <b>80.40%</b></div>
                        <div class="pi_yx22">
                            <h6>Montly</h6> <b>15.40%</b></div>
                        <div class="pi_yx22">
                            <h6>Day</h6> <b>5.50%</b></div>
                    </div>
                    <img src="img/shan_yx1.jpg" alt="">
                </div>
            </div>
        </div>
<!--swiper-container-->
        <div id="box_lun">
            <div class="swiper-container">
                <div class="swiper-wrapper" style="height: 100%;">
                    <div class="swiper-slide blue-slide" style="background:url(../imgs/zhouIndex12.png) no-repeat; background-size:100% 100%;height: 100%;">
                        <img src="img/banner_yx1.png" alt="">
                        <h4 style="width: 10%;font-size: 14px;font-weight: 800;color: #fff;background: #ff7676;border-radius: 45%;text-align: center;margin: 2%;padding: 0.5%;">Primary</h4>
                        <p style="font-size: 16px;font-weight: 800;color: #fff;padding-left: 0.5%;">It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>

                    </div>
                    <div class="swiper-slide red-slide" style="background:url(../imgs/zhouIndex13.png) no-repeat; background-size:100% 100%;height: 100%;">
                        <img src="img/banner_yx2.png" alt="">
                        <h4 style="width: 10%;font-size: 14px;font-weight: 800;color: #fff;background: #53e69d;border-radius: 45%;text-align: center;margin: 2%;padding: 0.5%;">Primary</h4>
                        <p style="font-size: 16px;font-weight: 800;color: #fff;padding-left: 0.5%;">It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
                    </div>
                    <div class="swiper-slide orange-slide" style="background:url(../imgs/zhouIndex12.png) no-repeat; background-size:100% 100%;height: 100%;">
                        <img src="img/banner_yx1.png" alt="">
                        <h4 style="width: 10%;font-size: 14px;font-weight: 800;color: #fff;background: #707cd2;border-radius: 45%;text-align: center;margin: 2%;padding: 0.5%;">Primary</h4>
                        <p style="font-size: 16px;font-weight: 800;color: #fff;padding-left: 0.5%;">It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
                    </div>
                </div>
            </div>
        </div>
 <!--section_divEight-->
        <div class="section_divEight q">
            <h3	>
                MANAGE USERS
            </h3>
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td>#</td>
                    <td>NAME</td>
                    <td>OCCUPATION</td>
                    <td>EMAIL</td>
                    <td>ADDED</td>
                    <td>CATEGORY</td>
                    <td>MANAGE</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>
                        <span>Daniel Kristeen </span><br />
                        <span>Texas, Unitedd states</span>
                    </td>
                    <td>
                        <span>Visual Designer </span><br />
                        <span>Past : teacher</span>
                    </td>
                    <td>
                        <span>daniel@website.com </span><br />
                        <span>999 - 444 - 555</span>
                    </td>
                    <td style="width:9%">
                        <span>15 Mar 1988 </span><br />
                        <span>10: 55 AM</span>
                    </td>
                    <td>
                        <select name="Modulator">
                            <option value="">Modulator</option>
                            <option value="">Admin</option>
                            <option value="">User</option>
                            <option value="">Subscriber</option>
                        </select>
                    </td>
                    <td>
                        <span><i class="iconfont icon-yaochi01"></i></span>
                        <span><i class="iconfont icon-lajitong"></i></span>
                        <span><i class="iconfont icon-icon"></i></span>
                        <span><i class="iconfont icon-daijiantouxiangshang"></i></span>
                    </td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>
                        <span>Daniel Kristeen </span><br />
                        <span>Texas, Unitedd states</span>
                    </td>
                    <td>
                        <span>Visual Designer </span><br />
                        <span>Past : teacher</span>
                    </td>
                    <td>
                        <span>daniel@website.com </span><br />
                        <span>999 - 444 - 555</span>
                    </td>
                    <td>
                        <span>15 Mar 1988 </span><br />
                        <span>10: 55 AM</span>
                    </td>
                    <td>
                        <select name="Modulator">
                            <option value="">Modulator</option>
                            <option value="">Admin</option>
                            <option value="">User</option>
                            <option value="">Subscriber</option>
                        </select>
                    </td>
                    <td>
                        <span><i class="iconfont icon-yaochi01"></i></span>
                        <span><i class="iconfont icon-lajitong"></i></span>
                        <span><i class="iconfont icon-icon"></i></span>
                        <span><i class="iconfont icon-daijiantouxiangshang"></i></span>
                    </td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>
                        <span>Daniel Kristeen </span><br />
                        <span>Texas, Unitedd states</span>
                    </td>
                    <td>
                        <span>Visual Designer </span><br />
                        <span>Past : teacher</span>
                    </td>
                    <td>
                        <span>daniel@website.com </span><br />
                        <span>999 - 444 - 555</span>
                    </td>
                    <td>
                        <span>15 Mar 1988 </span><br />
                        <span>10: 55 AM</span>
                    </td>
                    <td>
                        <select name="Modulator">
                            <option value="">Modulator</option>
                            <option value="">Admin</option>
                            <option value="">User</option>
                            <option value="">Subscriber</option>
                        </select>
                    </td>
                    <td>
                        <span><i class="iconfont icon-yaochi01"></i></span>
                        <span><i class="iconfont icon-lajitong"></i></span>
                        <span><i class="iconfont icon-icon"></i></span>
                        <span><i class="iconfont icon-daijiantouxiangshang"></i></span>
                    </td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>
                        <span>Daniel Kristeen </span><br />
                        <span>Texas, Unitedd states</span>
                    </td>
                    <td>
                        <span>Visual Designer </span><br />
                        <span>Past : teacher</span>
                    </td>
                    <td>
                        <span>daniel@website.com </span><br />
                        <span>999 - 444 - 555</span>
                    </td>
                    <td>
                        <span>15 Mar 1988 </span><br />
                        <span>10: 55 AM</span>
                    </td>
                    <td>
                        <select name="Modulator">
                            <option value="">Modulator</option>
                            <option value="">Admin</option>
                            <option value="">User</option>
                            <option value="">Subscriber</option>
                        </select>
                    </td>
                    <td>
                        <span><i class="iconfont icon-yaochi01"></i></span>
                        <span><i class="iconfont icon-lajitong"></i></span>
                        <span><i class="iconfont icon-icon"></i></span>
                        <span><i class="iconfont icon-daijiantouxiangshang"></i></span>
                    </td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>
                        <span>Daniel Kristeen </span><br />
                        <span>Texas, Unitedd states</span>
                    </td>
                    <td>
                        <span>Visual Designer </span><br />
                        <span>Past : teacher</span>
                    </td>
                    <td>
                        <span>daniel@website.com </span><br />
                        <span>999 - 444 - 555</span>
                    </td>
                    <td>
                        <span>15 Mar 1988 </span><br />
                        <span>10: 55 AM</span>
                    </td>
                    <td>
                        <select name="Modulator">
                            <option value="">Modulator</option>
                            <option value="">Admin</option>
                            <option value="">User</option>
                            <option value="">Subscriber</option>
                        </select>
                    </td>
                    <td>
                        <span><i class="iconfont icon-yaochi01"></i></span>
                        <span><i class="iconfont icon-lajitong"></i></span>
                        <span><i class="iconfont icon-icon"></i></span>
                        <span><i class="iconfont icon-daijiantouxiangshang"></i></span>
                    </td>
                </tr>
                <tr>
                    <td>6</td>
                    <td>
                        <span>Daniel Kristeen </span><br />
                        <span>Texas, Unitedd states</span>
                    </td>
                    <td>
                        <span>Visual Designer </span><br />
                        <span>Past : teacher</span>
                    </td>
                    <td>
                        <span>daniel@website.com </span><br />
                        <span>999 - 444 - 555</span>
                    </td>
                    <td>
                        <span>15 Mar 1988 </span><br />
                        <span>10: 55 AM</span>
                    </td>
                    <td>
                        <select name="Modulator">
                            <option value="">Modulator</option>
                            <option value="">Admin</option>
                            <option value="">User</option>
                            <option value="">Subscriber</option>
                        </select>
                    </td>
                    <td>
                        <span><i class="iconfont icon-yaochi01"></i></span>
                        <span><i class="iconfont icon-lajitong"></i></span>
                        <span><i class="iconfont icon-icon"></i></span>
                        <span><i class="iconfont icon-daijiantouxiangshang"></i></span>
                    </td>
                </tr>
                <tr>
                    <td>7</td>
                    <td>
                        <span>Daniel Kristeen </span><br />
                        <span>Texas, Unitedd states</span>
                    </td>
                    <td>
                        <span>Visual Designer </span><br />
                        <span>Past : teacher</span>
                    </td>
                    <td>
                        <span>daniel@website.com </span><br />
                        <span>999 - 444 - 555</span>
                    </td>
                    <td>
                        <span>15 Mar 1988 </span><br />
                        <span>10: 55 AM</span>
                    </td>
                    <td>
                        <select name="Modulator">
                            <option value="">Modulator</option>
                            <option value="">Admin</option>
                            <option value="">User</option>
                            <option value="">Subscriber</option>
                        </select>
                    </td>
                    <td>
                        <span><i class="iconfont icon-yaochi01"></i></span>
                        <span><i class="iconfont icon-lajitong"></i></span>
                        <span><i class="iconfont icon-icon"></i></span>
                        <span><i class="iconfont icon-daijiantouxiangshang"></i></span>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
<!-- footer -->
<div class="yx_footer">
	<span style="vertical-align: inherit;">
		<span style="vertical-align: inherit;"> 2017?Ample Admin由themedesigner.in提供给您 </span>
	</span>
</div>
</body>


</html>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"/></script>
<script type="text/javascript" src="js/public.js"/></script>
<script src="js/swiper-3.4.2.min.js"></script>
<script type="text/javascript">
    var mySwiper = new Swiper ('.swiper-container', {
        direction: 'vertical',
        autoplay: 2000,
        loop: true,
        paginationClickable: true,
        autoplayDisableOnInteraction: false,
        effect : 'cube',
        // 如果需要分页器
        pagination: '.swiper-pagination',

        // 如果需要前进后退按钮
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
    })
</script>